<template>
    <div class="Play-card-list">
        <PlayCardList :playlists="playList"/>
    </div>
</template>
<script setup lang="ts">
    import { onMounted, ref } from "vue";
    import { getBanners, getSongs, getAllPlayList} from "@/api";
    import PlayCardList from "@/components/PlayCardList.vue";
    onMounted(() => {
        //getSong();
        getPlayList();
    });
    const playList = ref<IPlayList[]>([]);// 轮播图 每次都在进行查询
    async function getPlayList(){
        const data = await getAllPlayList();
        playList.value = data;
        console.log("playlist",playList);
    }
</script>
<style lang="less" scoped>
.Play-card-list{
    margin-top: 0;
}
</style>